body {
 
    padding: 0;
    margin: 0
}
a{
    text-decoration:none
}
header {
    width: 100%;
    height: 1.3333rem;
    background: #1d6dff;
    position: relative;
}

.logo {
    position: absolute;
    top: .2667rem;
    left: .6667rem;

    img {
        height: .6667rem
    }
}

.xz {
    position: absolute;
    right: 0.2667rem;
    top: .2667rem;

    img {
        height: .9067rem;

    }
}

.section {
    border-bottom: .0267rem solid #ccc;
    position: relative;
    height: 1.3333rem;

    .input {
        height: .8rem;
        width: 90%;
        padding-left: 5%;
        border-radius: .4rem;
        background-color: #f1f1f1;
        border: none;
        font-size: .2667rem;
        position: absolute;
        left: .2667rem;
        top: .2667rem;
    }

    button {
        width: 1.68rem;
        height: .8rem;
        background: #1d6dff;
        border-radius: 15px;
        position: absolute;
        right: .2667rem;
        top: .2667rem;
        border: none;

    }

    ::before {
        content: '搜索';
        height: .8rem;
        line-height: .8rem;
        font-size: .4267rem;
        border: none;
        color: #fff;
    }
}

.container {
    display:flex;
    .box{padding:.2667rem .2667rem .4rem .5333rem;
        width: 100%;
        .topbox{
            background:#fff;

            div{width:24%;
               // padding: .2667rem;
                display: inline-block;
                img{
                    height:1.3333rem;
                }
                p{
                    font-size: .3467rem;
                }

            }

        }
        .botbox{
            background:#fff;

            div{width:24%;
                //padding: .2667rem;
                display: inline-block;
                img{
                    height:1.3333rem;
                    vertical-align: middle;
                }
                p{
                    font-size: .3467rem;
                }

            }

        }
        

    }

}

.discount {
    position: relative;
    background-color: #1d6dff;
    height: .9333rem;
    line-height: .9333rem;
    padding-left: .2667rem;

    span {
        text-align: left;
        font-size: .5333rem;
        color: #fff;
        font-weight: bolder;
    }

    img {
        position: absolute;
        right: 0;
        height: .5333rem;
        margin-top: .1867rem;
        margin-right: .2667rem;

    }
}

.uu {
    list-style: none;
    margin: 0;
    padding: 0;

    li {
        padding: .2667rem .2133rem;

        a {
            display: flex;


            .dv1 {

                float: left;
                padding: 0 .2667rem 0 0;

                img {height: 2.6667rem;
                    display: inline-block
                }
            }

            .dv2 {
                float: left;


                h4 {
                    margin: 0;
                    color: #333333;
                    word-break: break-all;
                    font-size: .4rem;
                    line-height: .5067rem;
                    min-height: 1.52rem;
                    text-align: left;
                    font-weight: normal;

                    span {
                        font: size .4rem;
                        color: #FF6C00;
                    }
                }

                .dv2-1 {
                    display: flex;
                    justify-content: space-between;

                    span {
                        font-size: .3467rem;
                        color: #666;
                    }

                }


            }

        }
    }
}

#footer {
    .more {
        height:1.3333rem;
        padding:.2667rem;
        a {
            display: block;
            font-size: .3467rem;
            line-height: .8rem;
            text-align: center;
            border-radius: .1333rem;
            border: .0267rem solid #dddddd;
        }
    }
    #chart{
        margin:.2667rem 0 .16rem 0;
        height: .9333rem;
        background:#1d6dff;
        position: relative;
        span{line-height: .9333rem;
            padding:0 0 0 .2667rem;
            font-size: .48rem;
            color:#fff;

        }
        img{position: absolute;
        right:.1333rem;
        top:.1333rem;
        height:.5333rem;
    }
    }

    #foot{height:1.2267rem;
        ul{margin:0;
            padding:0;
            border: .0267rem solid #666;
            list-style: none;
            display: flex;
            justify-content: space-between;
            li{
                font-size: .3733rem;
                color: #666;
                flex: 1;
                text-align: center;
            }
            .l2{width:3.3333rem;
            padding:0 .4rem;
            border-left:.0267rem solid #666 ;
            border-right:.0267rem solid #666 
        }
        }


    }
    #foot-1{
        font-size: .3467rem;
        color:#333;
        text-align: center;
        a{
            color:#666
        }
    }
    }
